@extends('enterprise.layout.common')
@section('content')
    <link rel="stylesheet" href="{{asset('css/enterprise/carOwner.css')}}">
        <!--内容-->
        <section class="">
            <div class="banner">
                <img src="{{asset('/images/enterprise/2.jpg')}}" alt="">
            </div>
            <div class="">
                <div class="layui-tab layui-tab-card">
                    <ul class="layui-tab-title cl w1200">
                        <li class="layui-this"><i class="iconfont icon ">&#xe617;</i><p>货主端</p></li>
                        <li><i class="iconfont icon">&#xe60a;</i><p>司机端</p></li>
                        <li><i class="iconfont icon">&#xe856;</i><p>相关产品</p></li>
                        <li><i class="iconfont icon">&#xe749;</i><p>大数据产业</p></li>
                    </ul>
                    <div class="layui-tab-content" style="">
                        <div class="layui-tab-item  cl w1200 layui-show">
                            <div class="cl Flex">
                                <div class="left Flex around">
                                    <div class="imgbox6">
                                        <img src="{{asset('/images/enterprise/huozhushoujiye.png')}}" alt="">
                                    </div>
                                </div>
                                <div class="right">
                                    <h1>{{$goodsinfo['title']}}</h1>
                                    {!! $goodsinfo['content'] !!}

{{--                                    <ol>
                                        <li style="text-indent:2rem;">货主版构建的精准车货匹配系统，为货主提供高效、精准、安全的发货服务，在线配备了动态、可视化的在线展示功能，以及行车评价服务，全程保证货物安全。发布货源信息，比价，同时还可以自己寻找车源。</li>
                                        <li class="cFF3300">海量车源 ，调度周全<p>数百万车辆，平台智能匹配调度，最快3秒接单，发货无忧。</p></li>
                                        <li class="cFF3300">一键发货 ，商机广阔<p>填写货源基本信息发货，即刻匹配海量车源。设置常用线路，发货更加迅速。</p></li>
                                        <li class="cFF3300">担保交易，诚信升级<p>平台切入交易双方，在线收取运费，及时到账随时提现。</p></li>
                                        <li class="cFF3300">定位追踪，寻迹轻松<p>精准定位司机行踪，了解承运货物的途中运行情况及到货情况，增加货运透明度。</p></li>
                                    </ol>--}}
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item  cl w1200">
                            <div class="cl Flex">
                                <div class="left Flex around">
                                    <div class="imgbox6">
                                        <img src="{{asset('/images/enterprise/shouji.png')}}" alt="">
                                    </div>
                                </div>
                                <div class="right">
                                    <h1>{{$carinfo['title']}}</h1>
                                    {!! $carinfo['content'] !!}
 {{--                                   <ol>
                                        <li style="text-indent:2rem;">严格审核货运车辆，驾驶员以及专业物流运输公司资质，采用信用评分机制淘汰有污点的驾驶员与物流企业，资源广阔，众多专业物流公司与专职时机在线候命，抢单服务，智能匹配！</li>
                                        <li style="text-indent:2rem;">准确连接您的货运需求，几百万优质车源，专线公司，通过线上线下实名认证的车辆，专业物流公司方可智能匹配给您，安全可靠！</li>
                                        <li style="text-indent:2rem;">个人企业的优质供应链管理平台！</li>
                                        <li class="cFF3300">海量货源，一应俱全<p>百万车主，海量货源，覆盖全国，随时更新。</p></li>
                                        <li class="cFF3300">定制专线 ，降低空驶<p>定制常跑线路，第一时间获悉实时货源信息，找货不再等待。</p></li>
                                        <li class="cFF3300">担保交易，诚信升级<p>平台切入交易双方，在线收取运费，及时到账随时提现。</p></li>
                                    </ol>--}}
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item w1200" style="padding:0px;">
                            <h1 style="text-align: center;">线上产品</h1>
                            <div class="layui-carousel " id="test2" >
                                <div carousel-item="">
                                    <div>
                                        <div class="cFF3300">智能轨迹     全程追踪</div>
                                        <div class="h70">平台所有货车的运行轨迹，均可实现全程追踪和可视化。加强对单笔交易的监控，显著提升公路干线物流的安全性。</div>
                                        <div class="w614">
                                            <img src="{{asset('/images/enterprise/diannao.png')}}" alt="">
                                        </div>
                                    </div>
                                    <div>
                                        <div class="cFF3300">交易监测实时反馈</div>
                                        <div class="h70">区域内始发及到达货源，货源线路及驾驶员活跃度，单日成交时间节点峰值监测，实时反应当地货运情况。</div>
                                        <div class="w614">
                                            <img src="{{asset('/images/enterprise/diannao.png')}}" alt="">
                                        </div>
                                    </div>
                                    <div>
                                        <div class="cFF3300">供需在线精准匹配</div>
                                        <div class="h70">平台用户只需在线上提供相关信息，系统将自动匹配相应的资源，完成快速推荐、对接。</div>
                                        <div class="w614 Flex around m40" style="">
                                            <div>
                                                <img src="{{asset('/images/enterprise/huozhushoujiye.png')}}" alt="">
                                            </div>
                                            <div>
                                                <img src="{{asset('/images/enterprise/shouji.png')}}" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="f28">资源广阔，任你选择！</div>
                        </div>
                        <ul class="layui-tab-item w1200 w367" >
                            <h1 style="text-align: center;">大数据产业</h1>
                            <div class="prelative">
                                <div class="w285 pabsolute one">标准物流工业园建设</div>
                                <div class="w285 pabsolute two">标准包装设计制造</div>
                                <div class="w285 pabsolute three">线下支持</div>
                                <div class="w285 pabsolute four">相关软件开发</div>
                                <div class="w285 pabsolute five">XXX智慧数字孵化产品</div>
                                <div class="w285 pabsolute six">保险代理</div>
                                <div class="w285 pabsolute seven">货车&轮胎等团购业务</div>
                                <div class="w285 pabsolute eight">大数据云平台建设</div>
                            </div>
                        </ul>
                    </div>
                </div>
            </div>

        </section >
        <!--脚-->

@endsection
<script src="{{asset('/common/enterprise/jquery-3.3.1.js')}}"></script>
<script src="{{asset('/plug/layui/layui.js')}}"></script>

        <script>
            $(function(){
                layui.use(['carousel', 'form'], function(){
                    var carousel = layui.carousel
                        ,form = layui.form;

                    //常规轮播
                    carousel.render({
                        elem: '#test1'
                        ,arrow: 'always'
                    });

                    //改变下时间间隔、动画类型、高度
                    carousel.render({
                        elem: '#test2'
                        ,interval: 1800
                        ,anim: 'fade'
                        ,height: '620px'
                        ,width: '1200px'
                    });

                    //事件
                    carousel.on('change(test4)', function(res){
                        console.log(res)
                    });

                    var $ = layui.$, active = {
                        set: function(othis){
                            var THIS = 'layui-bg-normal'
                                ,key = othis.data('key')
                                ,options = {};

                            othis.css('background-color', '#5FB878').siblings().removeAttr('style');
                            options[key] = othis.data('value');
                            ins3.reload(options);
                        }
                    };

                    //监听开关
                    form.on('switch(autoplay)', function(){
                        ins3.reload({
                            autoplay: this.checked
                        });
                    });

                    $('.demoSet').on('keyup', function(){
                        var value = this.value
                            ,options = {};
                        if(!/^\d+$/.test(value)) return;

                        options[this.name] = value;
                        ins3.reload(options);
                    });

                    //其它示例
                    $('.demoTest .layui-btn').on('click', function(){
                        var othis = $(this), type = othis.data('type');
                        active[type] ? active[type].call(this, othis) : '';
                    });
                });
            })
        </script>

